<template>
	<div class="videoEditor">
		<div class="classIndex_h">
			<router-link to="/teach/video/index">我的视频</router-link>
			<strong><i>></i>视频编辑</strong>
		</div>
		<div class="publishMenu" id="e-video">
			<template>
				<el-tabs v-model="activeIndex" class="videoTab">
					<el-tab-pane label="基本信息" name="1">
						<div  class="videoTab-lx">
							<videMsg :compParam.sync="compParam" :activeIndex.sync="activeIndex"></videMsg>
						</div>
					</el-tab-pane>
 				<el-tab-pane label="看点标注" name="2">
						<div class="videoTab-lx">
							<videoMark v-if="activeIndex == '2'" :compParam.sync="compParam" :activeIndex.sync="activeIndex"></videoMark>
						</div>
					</el-tab-pane>
					<el-tab-pane label="边看边测" name="3">
						<div  class="videoTab-lx">
							<videoTest  v-if="activeIndex == '3'" :compParam.sync="compParam" :activeIndex.sync="activeIndex"></videoTest>
						</div>
					</el-tab-pane>
					<el-tab-pane label="视频切片" name="4">
						<div  class="videoTab-lx">
							<videoSlice  v-if="activeIndex == '4'" :compParam.sync="compParam" :activeIndex.sync="activeIndex"></videoSlice>
						</div>
					</el-tab-pane>
					<el-tab-pane label="片头片尾" name="5">
						<div class="videoTab-lx">
							<videoHeadTail  v-if="activeIndex == '5'" :compParam.sync="compParam" @changeIndexx="changeIndex" :activeIndex.sync="activeIndex"></videoHeadTail>
						</div>
					</el-tab-pane>
					<el-tab-pane label="附件管理" name="6">
						<div class="videoTab-lx">
							<videoEnclosure :compParam.sync="compParam" :activeIndex.sync="activeIndex"></videoEnclosure>
						</div>
					</el-tab-pane>
					<el-tab-pane label="视频整合" name="7">
						<div class="videoTab-lx">
							<videoIntegration  v-if="activeIndex == '7'" :compParam.sync="compParam" @changeIndexx="changeIndex" :activeIndex.sync="activeIndex"></videoIntegration>
						</div>
					</el-tab-pane> 
				</el-tabs>
			</template>

		</div>
	</div>
</template>

<script>
	import 'videojs-contrib-hls';
	import videMsg from './video-list/videMsg'
	import videoMark from './video-list/video-mark'
	import videoTest from './video-list/video-test'
	import videoSlice from './video-list/video-slice'
	import videoHeadTail from './video-list/video-head-tail'
	import videoEnclosure from './video-list/video-enclosure'
	import videoIntegration from './video-list/video-integration'

	  	export default {

		    data() {
		      	return {
		      		activeIndex: '',
		      		compParam:{
		      			editStatus:true,//是否编辑
		      			id:  this.$route.query.id,
		      			path:'',
		      			name:'',
		      			play_url:'',//播放地址
		      			length: 0 ,//时长
		      			size:0,//大小
		      		},
		      	};
		    },
		    created(){
				this.changeIndex();
		    },	
		    methods: {
		    	changeIndex(){
		    		this.activeIndex = '1';
		    	},	
		    },
		    components: {
		    	videMsg,
		    	videoMark,
		    	videoTest,
		    	videoSlice,
		    	videoHeadTail,
		    	videoEnclosure,
		    	videoIntegration
		    },
	  	};
</script>